// import './js/lg';
// import './js/login';
// import { square, sum } from './js/utils.js';
// const getInfo = require('./js/api.js')

// console.log(sum(10, 20))

// console.log(square(10))

// console.log(getInfo())

// 01 为什么需要loader
// 02 loader是什么
// 03 css-loader

/**
 * 1. 工程化： 
 * 2： 兼容性： CSS、JS
 * 3: 如何实现兼容
 * 4：到底要兼容哪些平台
 * caniuse.com： 浏览器使用情况网站
 * >1%  适配大于1%的浏览器
 * default // 适配大于0.5，最新的两个版本， 没有死掉的
 * dead: 24个月没有更新的浏览器
 * last 2 version: 最新的两个版本
 */


/**
 * 1: postcss 是什么： JavaScript 转换样式的工具
 * 2：less(less-loader) -> css -> css-loader
 * 3：postcss-preset-env
 * 
 * 预设 -- 插件集合
 */

import './js/Image';

/**
 * 打包图片：
 *  - img src 
 *     + 使用 require 导入图片， 此时如果不配置 esModule: false , 则需.default 导出
 *     + 也可以在配置当中设置 esModule: false
 *     + 采用 import xxx from 图片资源，此时可以直接使用  xxxx
 *  - background url
 */

/**
 * 01 url-loader base64 uri 文件当中，减少请求次数
 * 02 file-loader 将资源拷贝至指定的目录， 分开请求
 * 03 url-loader 内部其实也可以调用file-loader
 * 04 limit
 */

/**
 * asset module type
 * 01 asset/resource  --> 类似file-loader
 * 02 asset/inline  --> 类似url-loader
 * 03 asset/source --> 类似raw-loader
 * 04 asset
 */